<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/10/12
  Time: 20:48
  To change this template use File | Settings | File Templates.
--%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>文章</title>
    <link href="${pageContext.request.contextPath}/css/article/article.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/header/header.css" rel="stylesheet">
</head>
<body>
<div class="header">
    <div id="nav">
        <div id="menu">
            <!-- logo -->
            <div id="logo_img">
                <a href="#">
                    <svg t="1634123912096" class="icon" viewBox="0 0 1335 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="9038" width="60" height="60">
                        <path d=" M1296.918261
                                267.130435c-199.902609-89.043478-400.695652-170.963478-600.153044-258.671305a79.693913 79.693913
                                0 0 0-62.330434 0C438.53913 94.386087 238.636522 178.086957 44.521739 260.897391c-20.925217
                                8.45913-41.850435 16.918261-41.850435 44.521739s20.925217 37.398261 41.850435
                                44.52174c181.648696 81.92 365.078261 156.716522 548.062609 240.417391a142.024348 142.024348 0 0
                                0 146.031304 0 489.73913 489.73913 0 0 1 83.255652-37.843478c116.646957-49.864348
                                229.286957-99.728696 350.386087-150.038261v421.175652c0 24.932174 8.013913 33.391304 32.946087
                                33.391304s33.391304-4.452174 33.391305-33.391304c0-125.106087
                                4.452174-254.21913-4.006957-379.325217 0-49.864348 8.45913-83.255652
                                62.330435-95.72174a41.850435 41.850435 0 0 0
                                38.733913-41.850434c0-24.932174-17.808696-33.391304-38.733913-39.624348z" p-id="9039"></path>
                        <path d=" M1088.556522 548.507826c0-29.384348-8.013913-29.384348-28.939131-20.925217-112.64
                                51.2-225.28 95.721739-333.467826 146.031304a143.805217 143.805217 0 0 1-116.646956 0C496.862609
                                623.304348 384.222609 578.782609 272.027826
                                527.582609c-20.925217-8.45913-24.932174-4.006957-24.932174 16.918261V712.347826a211.478261
                                211.478261 0 0 0 141.579131 229.286957 640.222609 640.222609 0 0 0 570.768695-8.459131
                                211.923478 211.923478 0 0 0 129.113044-222.608695c-4.006957-53.871304 0-107.742609
                                0-162.059131z" p-id="9040"></path>
                    </svg>
                </a>
            </div>

            <!-- 首页 -->
            <div class="jump">
                <a href="${pageContext.request.contextPath}/index">首页</a>
            </div>

            <!-- 全部课程 -->
            <div class="jump">
                <a href="${pageContext.request.contextPath}/course">全部课程</a>
            </div>

            <!-- 苏鸿社区 -->
            <div class="jump">
                <a href="${pageContext.request.contextPath}/community?label=推荐">苏鸿社区</a>
            </div>

            <!-- 搜索 -->
            <div class="function search">
                <input type="text" placeholder="请输入关键字..." />
                <div class="header_hot">
                    <a href="#" class="hot_info">Vue</a>
                    <a href="#" class="hot_info">Python</a>
                </div>
                <a href="#" id="search_icon">
                    <svg t="1634122309089" class="icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="3764" width="20" height="20">
                        <path d=" M953.474215 908.234504l-152.576516-163.241391c61.92508-74.48211 95.81186-167.36973
                                    95.81186-265.073744 0-229.294809-186.63531-415.930119-416.102133-415.930119-229.294809
                                    0-415.930119 186.63531-415.930119 415.930119s186.63531 415.930119 415.930119
                                    415.930119c60.032925 0 118.00168-12.55703 172.186125-37.327062 16.169326-7.396607
                                    23.221905-26.318159
                                    15.825298-42.315471-7.396607-16.169326-26.318159-23.221905-42.315471-15.825298-45.927768
                                    20.813707-94.951789 31.478582-145.695952 31.478582-194.031917
                                    0-351.94087-157.908953-351.94087-351.94087 0-194.031917 157.908953-351.94087
                                    351.94087-351.94087 194.031917 0 351.94087 157.908953 351.94087 351.94087 0
                                    91.339493-34.918864 177.86259-98.048043 243.743995-12.213002 12.729044-11.868974 33.026709
                                    0.860071 45.239711 1.032085 0.860071 2.236183 1.204099 3.268268 2.064169 0.860071 1.204099
                                    1.376113 2.752226 2.408198 3.956325l165.477574 177.00252c6.192508 6.70855 14.793214
                                    10.148833 23.393919 10.148833 7.912649 0 15.653284-2.92424 21.845792-8.600706C964.827146
                                    941.433227 965.515202 921.135562 953.474215 908.234504z" p-id="3765" id="search-img">
                        </path>
                    </svg>
                </a>
            </div>

            <!-- 登录注册 -->
            <div class="function ">
                <div class="consumer">
                    <!-- 登录/注册  -->
                    <c:if test="${empty ServiceResponse}">
                        <a href="${pageContext.request.contextPath}/login/login.jsp" class="head portrait" class="login">
                            <svg t="1634123426498" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                 xmlns="http://www.w3.org/2000/svg" p-id="6398" width="30" height="30">
                                <path d=" M880.182 987.568H143.818C98.705 987.568 62 952.882 62 910.245V801.52c0-122.986
                                110.113-223.042 245.455-223.042h409.09C851.887 578.478 962 678.533 962 801.52v108.726c0
                                42.636-36.704 77.322-81.818 77.322z m-736.364-82.197l736.363
                                0.379V801.52c0-77.873-73.408-141.224-163.637-141.224h-409.09c-90.228 0-163.636 63.351-163.636
                                141.224v103.851zM511.67 547.796c-140.984 0-255.682-114.697-255.682-255.682 0-140.984
                                114.697-255.682 255.682-255.682 140.985 0 255.682 114.697 255.682 255.682 0.001 140.985-114.697
                                255.682-255.682 255.682z m0-429.546c-95.871 0-173.864 77.993-173.864 173.864S415.8 465.978
                                511.67 465.978s173.864-77.993 173.864-173.864S607.541 118.25 511.67 118.25z" p-id="6399">
                                </path>
                            </svg>
                        </a>
                    </c:if>
                    <c:if test="${!empty ServiceResponse}">
                        <a href="${pageContext.request.contextPath}/mycourse" class="consumer_portrait">
                            <img src="http://${ServiceResponse.data.consumerProfile}" alt="">
                        </a>
                        <!-- 注销 -->
                        <a href="${pageContext.request.contextPath}/logout" class="logout">
                            <svg t="1634123313659" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                 xmlns="http://www.w3.org/2000/svg" p-id="5401" width="30" height="30">
                                <path d=" M424.19 675.833l64.823 64.823 229.869-229.869-229.869-229.869-64.823 64.823 118.612
                                119.072H98.236v91.948h444.567L424.19 675.833zM833.817 97.022H190.183c-51.031 0-91.948
                                41.376-91.948 91.948v183.895h91.948V188.97h643.633v643.633H190.183V648.708H98.236v183.895c0
                                50.571 40.917 91.948 91.948 91.948h643.633c50.571 0 91.948-41.376
                                91.948-91.948V188.97c-0.001-50.571-41.377-91.948-91.948-91.948z" p-id="5402"></path>
                            </svg>
                        </a>
                    </c:if>
                </div>
            </div>

        </div>
    </div>
</div>











<div id="sub_header">
    <div class="sub_container">
        <a href="" class="article_logo">
            <img src="${pageContext.request.contextPath}/images/article/article-logo.png" class="img_1" alt="">
            <img src="${pageContext.request.contextPath}/images/article/article-desc.png" class="img_2" alt="">
        </a>
        <div class="operate_area">
                <span>
                    <a href="${pageContext.request.contextPath}/community/writeArticle" class="btn_blue">写文章</a>
                </span>
        </div>
        <div class="search-area">
            <input class="search_input" placeholder="搜索感兴趣的免费课内容" type="text">
            <a href="#" class="search_a"></a>
        </div>
    </div>
</div>
<div class="main_con">
    <div class="left_essay">
        <div class="part_essay">
            <div class="detail-path">
                <a href="${pageContext.request.contextPath}/index">首页</a>
                <i class="icon-right2">></i>
                <a href="">苏鸿社区</a>
                <i class="icon-right2">></i>
                <span>${articleDetails.data.articleName}</span>
            </div>
            <div class="detail-title-wrap">
                <h1 class="detail-title">
                    <span class="d-t js-title">${articleDetails.data.articleName}</span>
                </h1>
                <div class="dc-profile clearfix">
                    <div class="1">
                        <span class="spacer"><fmt:formatDate value="${articleDetails.data.articleDatetime}" pattern="yyyy.MM.dd HH:mm:ss"/></span>
                    </div>
                </div>
            </div>
            <div class="detail-content-wrap">
                ${articleContent}
            </div>
        </div>
        <%--用户--%>
        <div class="author_info">
            <a href="">
                <img src="${pageContext.request.contextPath}/images/article/author.jpg" class="img_con">
            </a>
            <div class="con_name">
                <p class="name_1">
                    <a href="">${ServiceResponse.data.consumerName}</a>
                </p>
                <p class="hobby">${ServiceResponse.data.consumerHobby}</p>
            </div>
        </div>
        <%--点赞--%>
        <div class="praise-box">
            <button id="js-praise">
                <img src="${pageContext.request.contextPath}/images/learn/点赞.png" class="thumb_up">
            </button>
            <div class="num-person">
                <em class="num">2</em>人点赞
            </div>
        </div>

    </div>

    <div class="footer_under"></div>


    <!--<div class="title_1">作者相关文章</div>-->
</div>
</body>
</html>
